<div class = "selectable-wrap condition pa border" ng-click = "select()" ondragstart = "return false" style = "background: #fff;">
    <style>
        .slider-container {
            /*position: absolute;
            width: 100%;
            top: 55%;*/
        }
    </style>
    <div class = "condition-title w" style = "background: #f5f5f5;height: 30px;line-height: 30px;">
        <span class = "ml10">{{fieldTitle}}</span>
    </div>
    <input ng-repeat = "rang in ranges" class = "range-slider pa" type = "hidden"/>
    <b class = "point left-top" ng-show = "selected"></b>
    <b class = "point left-mid" ng-show = "selected"></b>
    <b class = "point left-bom" ng-show = "selected"></b>
    <b class = "point cent-bom" ng-show = "selected"></b>
    <b class = "point rigt-bom" ng-show = "selected"></b>
    <b class = "point rigt-mid" ng-show = "selected"></b>
    <b class = "point rigt-top" ng-show = "selected"></b>
    <b class = "point cent-top" ng-show = "selected"></b>
    <i class = "refresh icon pa r5 t5 cp" title = "刷新" ng-click = "refresh($event)"></i>
</div>